<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header id="header">
        <div class="header w">
            <div class="head1">
                <h1 class="logo">
                    <img src="./images/logo.png" alt="">
                </h1>
                <ul class="head1-list fr">
                    <li>
                        <a href="#">
                            登录
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            注册
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            探路者控股集团股份有限公司
                        </a>
                    </li>
                </ul>
                <form action="#" method="GET" class="inp fr">
                    <input type="text" value="请输入关键字">
                    <select>
                        <option value="产品名称">产品名称</option>
                    </select>
                    <i class="iconfont icon-sousuo"></i>
                </form>
            </div>

            <div class="head2">
                <ul class="head2-list">
                    <li class="head2-list-on">
                        <a href="#">
                            首页
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            品牌专区
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            新闻中心
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            产品中心
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            官方商城
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            会员专区
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            公益基金
                        </a>
                    </li>
                </ul>

                <img src="./images/adv.png" alt="">
            </div>
        </div>
    </header>

    <!-- 横幅 -->
    <div class="banner">
        <img src="./images/banner.png" alt="">
        <img src="./images/item.png" alt="">
    </div>

    <!-- 内容 -->
    <div class="content">
        <div class="con1">
            <div class="con1-box w">
                <div class="news clearfix">
                    <h2 class="news-tit fl">
                        <span>
                            新闻动态
                        </span>
                        <span class="more">
                            更多>>
                        </span>
                    </h2>
                    <div class="news-box fl">
                        <img src="./images/news1.png" alt="">
                        <p class="news-p">
                            探路者定增募资12.7亿元助推社群生态战略落地
                            <span class="data">
                                2016-06-01
                            </span>
                        </p>
                    </div>
                    <div class="news-box fl">
                        <img src="./images/news2.png" alt="">
                        <p class="news-p">
                            探路者集团拟投资3亿招募绿野中国区域合伙人
                            <span class="data">
                                2016-02-23
                            </span>
                        </p>
                    </div>
                    <div class="news-box fl">
                        <img src="./images/new3.png" alt="">
                        <p class="news-p">
                            探路者DiscoveryExpedition毫手丛林的法则
                            <span class="data">
                                2016-06-24
                            </span>
                        </p>
                    </div>
                    <div class="news-box fl">
                        <img src="./images/new4.png" alt="">
                        <p class="news-p">
                            探路者携手天猫电音荧光跑马単盛大开启高圆圆倾情助阵
                            <span class="data">
                                2016-04-16
                            </span>
                        </p>
                    </div>
                </div>

                <div class="notice">
                    <h2 class="notice-tit">
                        公司公告
                    </h2>
                    <img src="./images/notice.png" alt="">
                    <p class="under1">
                        探路者CRM系统上线创新客户服务模式
                    </p>
                    <p class="under2">
                        探路者控股集团股份有限公司正式上线全新的CRM系统,即客户关系管理系统。探路者
                    </p>
                    <a href="#">
                        查看详情
                        <span>
                            ->
                        </span>
                    </a>
                </div>
            </div>
        </div>

        <div class="con2 w">
            <div class="con2-box">
                <img src="./images/img1.png" alt="">
                <p>
                    老驴分享野外寻找水源及改善水质的妙招
                </p>
                <a href="#" class="btn btn1">
                    推荐
                </a>
            </div>
            <div class="con2-box con2-box2">
                <img src="./images/img2.png" alt="">
                <p>
                    2016去哪儿国内旅行清单奉上!
                </p>
                <a href="#" class="btn btn2">
                    线路
                </a>
            </div>
            <div class="con2-box con2-box3">
                <img src="./images/img3.png" alt="">
                <p>
                    女神同款探路者2016年款皮肤衣众测邀请
                </p>
                <a href="#" class="btn btn3">
                    活动
                </a>
            </div>
        </div>
    </div>

    <!-- 尾部 -->
    <footer>
        <div class="footer">
            <div class="share">
                <i class="iconfont icon-weibo-"></i>
                <i class="iconfont icon-weixin-copy"></i>
            </div>

            <ul class="foot-list">
                <li>
                    <a href="#">
                        加入我们
                    </a>
                </li>
                <li>
                    <a href="#">
                        新浪官方微博
                    </a>
                </li>
                <li>
                    <a href="#">
                        投资者关系
                    </a>
                </li>
                <li>
                    <a href="#">
                        法律声明
                    </a>
                </li>
                <li>
                    <a href="#">
                        团购和定制
                    </a>
                </li>
                <li>
                    <a href="#">
                        举报热线
                    </a>
                </li>
                <li>
                    <a href="#">
                        采购招标信息
                    </a>
                </li>
            </ul>

            <p class="copyright">
                © 2005-2016 探路者 版权所有,并保留所有权利 | 备案号:京ICP备09053978号-1 | 北京市公安局备空编号: 110114000010
            </p>

            <p>
                北京市海淀区知春路6号秋国际大厦A座21层 服务热线:400-700-8178
            </p>

            <div class="backtop">
                <a href="#header">
                    <i class="iconfont icon-shangjiantou"></i>
                </a>
            </div>
        </div>
    </footer>
</body>

</html>